<template>
  <div class="__wrap">
    <div class="__tit"><span>{{title}}</span></div>
    <div class="__content">
      <slot></slot>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'itemBox',
    components: {},
    props: {
      title: {
        type: String,
        default: '标题'
      }
    },
    data() {
      return {}
    },
    mounted() {
    },
    methods: {}
  }
</script>

<style scoped lang="scss">
  .__wrap {
     width: 100%; height: 455px; background: url('~@/assets/img/boxBg.svg') left no-repeat;
    display: grid; grid-template-rows: 42px auto;
    .__tit {
      display: flex; align-items: center;
      font-size: 24px; font-family: PingFangSC; font-weight: bold; letter-spacing: 1.96px;
      span { margin-left: 40px;}
    }
    .__content { overflow: hidden; padding: 16px; }
  }
</style>
